* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	border: 0;
	// font-weight: normal;
  }
.header{
	
	.nav-bar{
		position: fixed;
		background: #151515;
		top: 0;
		width: 100%;
		z-index: 999;
		.status_bar{
			height: var(--status-bar-height);
			width: 100%;
			
			
		}
		.top_view{
			height: 88upx;
			width: 100%;
			
			color: #fff;
			padding: 0 32rpx;
			display: flex;
			align-items: center;
			.back-icon{
				width: 48rpx;
				height: 48rpx;
				flex-shrink: 0;
			}
			.nav-title{
				flex: 1;
				font-weight: 400;
				font-size: 26rpx;
				color: #FFFFFF;
				line-height: 36rpx;
				text-align: right;
			}
			.nav-r{
				display: flex;
				align-items: center;
				justify-content: space-between;
				width: 204rpx;
				height: 63rpx;
				background: #3E3E3E;
				border-radius: 32rpx;
				padding: 0 26rpx;
				margin-left: 22rpx;
				.r-sum{
					font-weight: 400;
					font-size: 28rpx;
					color: #FFFFFF;
					line-height: 40rpx;
				}
				.shan-icon{
					width: 44rpx;
					height: 44rpx;
					flex-shrink: 0;
				}
				.yin-icon{
					width: 40rpx;
					height: 40rpx;
					flex-shrink: 0;
				}
			}
		}
	}
	.bar-holder{
		height: calc(88upx + var(--status-bar-height));
	}
}